<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>短信验证</title>
    <link href="../tool/mui/css/mui.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../tool/util/common.css">
    <link rel="stylesheet" href="css/login_and_registration.css">
    <link rel="stylesheet" href="../tool/font/iconfont.css">

    <script src="../tool/jquery/jquery-1.12.3.min.js"></script>
    <script src="../tool/util/common.js"></script>
    <script src="../tool/mui/js/mui.js"></script>
    <script src="../tool/util/util.js"></script>
    <script src="js/login_and_register.js"></script>
</head>
<body class="body">
    <div class="head-title">
        <div class="dispaly-flex dis-flex-content login-phone-title">
            <div><img src="res/img/back.png" class="back"></div>
            <div>短信验证</div>
            <div></div>
        </div>
        <div class="bg-fff identificatom-step">
                <div class="dispaly-flex dis-flex-center">
                    <div class="step-num step-num-active">1</div>
                    <div class="setp-line"></div>
                    <div class="step-num ">2</div>
                </div>
                <div class="dispaly-flex dis-flex-center identificatom-step-title">
                    <div class="step-title step-title-active">验证原手机</div>
                    <div  class="step-title">验证新手机</div>
                </div>
        </div>
    </div>
    <div class="body-padding display-none" id="oldPhoneOnBind">
        <div class="find-password dispaly-flex dis-flex-content">
            <img src="res/img/phone.png" class="find-phone-tel">
            <input type="tel" placeholder="请输入手机号码">
        </div>
        <div class="find-password dispaly-flex dis-flex-content">
            <img src="res/img/phone.png" class="find-phone-tel">
            <input type="tel" placeholder="请输入验证码">
            <div class="get-yzm">获取验证码</div>
        </div>
        <div class="identificatom-next">下一步</div>
    </div>
    <div class="body-padding" id="newPhoneBind">
        <div class="find-password dispaly-flex dis-flex-content">
            <img src="res/img/phone.png" class="find-phone-tel">
            <input type="tel" placeholder="请输入手机号码">
        </div>
        <div class="find-password dispaly-flex dis-flex-content">
            <img src="res/img/phone.png" class="find-phone-tel">
            <input type="tel" placeholder="请输入验证码">
            <div class="get-yzm">获取验证码</div>
        </div>
        <div class="">重新绑定后，原手机号码将不能作为登录凭证</div>
        <div class="identificatom-next " id="newPhoneBindBtn">绑定</div>
    </div>
</body>
</html>